<template>
  <h1>双向指令相关练习</h1>
  <!-- 双向绑定:将页面与下方变量进行绑定
 1) info变量的数据会显示在绑定的html上
 2) 页面html元素的值改变,绑定的info变量值也会随之改变 -->
  <input type="text"  v-model="info"><br>
  {{ info }} <br>
  <input type="text" :value="info"><br>
  <a :href="url">跳转</a><br>
<!--  登录、注册、新增-->
</template>

<script setup>
import {ref} from "vue";

const info = ref("hello");
</script>

<style scoped>

</style>